<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache/no-store" />
  <!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
  <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
  <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
  <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
  <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
  <link rel="stylesheet" type="text/css" href="leftAndRight/list-style.css" />
  <link type="text/css" rel="stylesheet" href="tip/css/tipso.min.css">
  <!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
  <style>
    h3,
    table {
      text-align: center
    }

    .pad {
      margin-top: 5px;
    }

    .spanCenter {
      text-align: center;
      -moz-box-shadow: -3px 5px 5px #333333;
      -webkit-box-shadow: -3px 5px 5px #333333;
      box-shadow: -3px 5px 5px #333333;
      padding: 5px;
      background-color: yellow;
    }

    .deleteX {
      position: relative;
      right: 15px;
      bottom: 5px;
      color: yellow;
      cursor: pointer
    }

    .serch {
      width: 150px;
    }

    /*   body{ */

    /*     background-color:blue; */

    /*     clolr:white; */

    /*   } */
  </style>
  <!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
  <title>订单工序设置</title>
</head>

<body>
  <!--面包屑导航-->
  <!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
  <!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
  <!-- 		</nav> -->

  <!--主内容-->
  <div class="page-container col-md-12">
    <div class="col-md-3">
      <input type="text" class="input-text" id="inputOrderId" placeholder="订单号/型号">
    </div>
    <button class="btn btn-primary radius" id="findOrder">查询订单</button>
    <br/>
    <br/>
    <div>
      <table id="orderProcedureTable" class=" table table-border table-bordered table-bg table-hover" style='width:100%'>
        <thead>
          <tr>
            <th style="min-width:80px;">生产顺序</th>
            <th style="min-width:200px;">订单编号/工厂型号/客户订单号</th>
            <th>订单实际报工工序(绿色为生产完成,黄色为生产未完成，无色为未生产)</th>
            <th style="min-width:80px;">操作</th>
          </tr>
        </thead>
        <tbody></tbody>
      </table>
    </div>

    <div id="orderProcedureDetail">
    </div>

    <!-- 			<div class="modal fade" id="addTemplateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> -->
    <!-- 				<div class="modal-dialog"> -->
    <!-- 					<div class="modal-content"> -->
    <!-- 						<div class="modal-header"> -->
    <!-- 							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> -->
    <!-- 							<h4 class="modal-title" id="myModalLabel">工序</h4> -->
    <!-- 						</div> -->
    <!-- 						<div class="modal-body"> -->
    <!-- 							<div> -->
    <!-- 							      <span>请选择工序</span> -->
    <!-- 							      <div id="checkProce"> -->

    <!-- 							      </div> -->
    <!-- 							</div> -->
    <!-- 						</div> -->
    <!-- 						<div class="modal-footer"> -->
    <!-- 							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
    <!-- 							<button type="button" class="btn btn-primary" id="addModalBtn">确定</button> -->
    <!-- 						</div> -->
    <!-- 					</div> -->
    <!-- 				</div> -->
    <!-- 			</div> -->
    <div class="modal fade" id="addTemplateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">工序</h4>
          </div>
          <div class="modal-body">
            <div id="selectTitle" class="list-select ui-draggable">
              <div class="list-title ui-draggable-handle">
                <input type="hidden" id="productionDepartmentAdd">
                <!-- 								   <select name="" id="productionDepartmentAdd" class="input-text serch"> -->
                <!-- 						                 <option value=''>请选择</option> -->
                <!-- 						            </select> -->
                <select id="workShopAdd" class="input-text serch">
                  <option value="">请选择</option>
                </select>
                <input type="text" class="input-text serch" placeholder="工序名称/模糊搜索" id="FuzzyInputworkShopAdd" />
                <button class="btn btn-primary radius" id="FuzzyBtnAdd">确定</button>
              </div>
              <div class="list-body">
                <ul class="item-box left-box-add ui-sortable ui-droppable">
                </ul>
                <div class="center-box">
                  <button class="add-one-add btn btn-success radius" title="添加选中项">&gt;</button>
                  <!-- 										<button class="add-all-add btn btn-success radius" title="添加全部">&gt;&gt;</button> -->
                  <button class="remove-one-add btn btn-primary radius" title="移除选中项">&lt;</button>
                  <!-- 										<button class="remove-all-add btn btn-primary radius" title="移除全部">&lt;&lt;</button> -->
                </div>
                <ul class="item-box right-box-add ui-sortable ui-droppable">

                </ul>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" id="addModalBtn">确定</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="selectTempModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">选择模板</h4>
          </div>
          <div class="modal-body">
            <span>请选择模板：</span>
            <select id="tempSelect" class="input-text" style="width:200px;">
              <option value="">请选择</option>
            </select>
            <div id="checkDiv"></div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" id="selectTempModalBtn">确定</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="addTemplateCapyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">选择工序</h4>
          </div>
          <div class="modal-body">
            <div id="selectTitle" class="list-select ui-draggable">
              <div class="list-title ui-draggable-handle">
                <input type="hidden" id="productionDepartment">
                <!-- 								   <select name="" id="productionDepartment" class="input-text serch"> -->
                <!-- 						                 <option value=''>请选择</option> -->
                <!-- 						            </select> -->
                <select id="workShop" class="input-text serch">
                  <option value="">请选择</option>
                </select>
                <input type="text" class="input-text serch" placeholder="工序名称/模糊搜索" id="FuzzyInput" />
                <button class="btn btn-primary radius" id="FuzzyBtn">确定</button>
              </div>
              <div class="list-body">
                <ul class="item-box left-box ui-sortable ui-droppable">
                </ul>
                <div class="center-box">
                  <button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
                  <button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
                  <button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
                  <button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
                </div>
                <ul class="item-box right-box ui-sortable ui-droppable">

                </ul>
              </div>
            </div>

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" id="addModalCapyBtn">确定</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
            <div>
              <table>
                <thead>
                  <tr>
                    <td>加工对象</td>
                    <td>加工颜色</td>
                    <td>合格数</td>
                    <td>最后报工时间</td>
                  </tr>
                </thead>
                <tbody id="porpBody">

                </tbody>
              </table>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div>
      </div>
    </div>


    <div class="modal fade" id="setSortModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">设置订单生产顺序，生产完成请设为-1</h4>
          </div>
          <div class="modal-body">
            <div>
              <input type="hidden" id="sortModalOrderId">
              <input type="text" class="input-text" id="orderSortInput" />
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" id="setOrderSortModalBtn">确定</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--_footer 作为公共模版分离出去-->
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
  <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
  <script type="text/javascript" src="tip/js/tipso.min.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
  <script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
  <!--/_footer 作为公共模版分离出去 -->

  <!--请在下方写此页面业务相关的脚本 -->
  <script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
  <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
  <script type="text/javascript" src="leftAndRight/jquery-ui.min.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
  <script type="text/javascript" src="myJs/echartUtil.js"></script>
  <script type="text/javascript" src="myJs/util.js"></script>
  <script type="text/javascript" src="myJs/setOrderProcedure.js"></script>

</body>

</html>